﻿<!DOCTYPE html>
<!--  window-icon 弹出框图 例: window-icon="http://www.qt6.com/favicon.ico"    -->
<html lang="en" window-frame="solid" window-icon="./view/icon/server-favicon.ico"  ></html>
<head>
	<meta charset="UTF-8">
	<title>backstage</title>
	<link rel="stylesheet" type="text/css" href="./view/css/index.css">
</head>
<body id="body" role="window-caption">
	<div id="box" class="skinbg"> 
		<div class="head">
			<div class="title fl" >
				<img src="./view/img/logo_s.png" alt="" class="fl">
			</div>
			<div class="setting fr">
				<ul>
					<li class="setbtn">
						<span class="setbtnicon topiconBg"></span>
						<ul class="setmess">
							<li>
								<button id="passwordmode" class="passwordicon">更改密码</button>
							</li>
							<li>
								<button id="logoutmode" class="logouticon">切换账户</button>
							</li>
							<li>
								<button id="exitmode" class="exiticon">退出</button>
							</li>
							<li>
								<button id="aboutmode" class="abouticon">关于</button>
							</li>
						</ul>
					</li>
					<li id="minimized">
						<button id="minimized" class="minimizedicon topiconBg"></button>
					</li>
					<li id="closewin">
						<button id="closewin" class="closewinicon topiconBg"></button>
					</li>
				</ul>
				
			</div>
		</div>
		<div class="usermess">
			<div class="user">
				<div class="userbox"> 
					<div class="user_iconbox"><div class="user_icon" style="background-image:url(./view/img/head_default.png);"></div></div>
					<h4 class="userword">你好，<span class="username">无</span>！</h4> <!-- 登录之后 -->
					<div id="userstate"></div>
				</div>
			</div>
			<div class="detailsmess">
				<div class="mess">
					<a href="./view/copemess.html"></a>
				</div>
			</div>
		</div>
		<div class="list">
			<div class="listfl"></div>
			<div class="listfr">
				<div class="lists listsmargin privateClick" hreftype="./view/privateSecret.html">
					<a href="#">
						<div class="list_iconbox fl">
							<div class="list_iconbox_on _icon03"></div>
						</div>
						<div class="list_word fl">
							<div class="list_title">密钥对管理</div>
							<div class="list_subtitle">一键生成密钥对，数据安全翻几倍。</div>
						</div>
					</a>
				</div>
				<div class="lists listsmargin taskClick" hreftype="./view/task.html">
					<a href="./view/task.html">
						<div class="list_iconbox fl"> 
							<div class="list_iconbox_on _icon04"></div>
						</div>
						<div class="list_word fl">
							<div class="list_title">任务列表</div>
							<div class="list_subtitle">自定义创建任务,轻松备份。</div>
						</div>
					</a>
				</div>
				<div class="lists copemesscClick" hreftype="./view/copemess.html">
					<a href="#">
						<div class="list_iconbox fl">
							<div class="list_iconbox_on _icon01"></div>
						</div>
						<div class="list_word fl">
							<div class="list_title">备份详情</div>
							<div class="list_subtitle">数据丢失？一键下载恢复。</div>
						</div>
					</a>
				</div>
				<div class="lists booking" >
					<a href="#">
						<div class="list_iconbox fl">
							<div class="list_iconbox_on _icon02"></div>
						</div>
						<div class="list_word fl">
							<div class="list_title">订购</div>
							<div class="list_subtitle">空间不够？一键扩容。</div>
						</div>
					</a>
				</div>
			</div>
		</div>
	
	</div>
	<script type="text/tiscript" src="./view/tiscript/index.tis"></script>
	<script type="text/tiscript" src="./view/tiscript/public.tis"></script>
	<script type="text/tiscript">
        self.ready = function() {
			moveToScreenCenter(932,612);
        	var cnt = 1;
			self.timer(1, function() {
				if(cnt <= 0) {
					//返回false则停止定时器
					moveToScreenCenter(932,612);
					return false;
				}
				cnt--;
				return true;
			});
			var userinfo = view.getuserinfo()
			$(.username).text = userinfo.nickname
			if(userinfo.avatar){
				$(.user_icon).style["background-image"] = "url("+userinfo.avatar+")"
			}
			
			if(userinfo.level == "0"){ 
				$(#userstate).attributes["class"] = "uservip-none"
			}else{
				$(#userstate).attributes["class"] = "uservip-vip"
			}
			$(.booking).on("click",function(){
				view.booking()
			})

			$(.privateClick).on("click",function(){
				view.load(this.attributes["hreftype"],true)
			})
			$(.taskClick).on("click",function(){
				view.load(this.attributes["hreftype"],true)
			})
			$(.copemesscClick).on("click",function(){
				view.load(this.attributes["hreftype"],true)
			})

		}

    </script>
</body>
</html>